<template>


      <Menu mode="horizontal" :theme="theme1" active-name="1" >
        <MenuItem name="1">
         <!-- <Icon type="ios-paper"></Icon>-->
          <span class="welcomeImg"><img src="../../../assets/images/indexImg/home.png"/></span>
          <router-link :to="{path:'/'}">首页</router-link>
        </MenuItem>
        <Submenu name="2">
          <template slot="title">
          <!--<Icon type="ios-people"></Icon>-->
            <span class="welcomeImg"><img src="../../../assets/images/indexImg/shu.png"/></span>
          <span>学习中心</span>
          </template>
          <MenuGroup>
            <MenuItem name="2-1">
             <!-- <Icon type="ios-paper"></Icon>-->
              <span class="welcomeImgOrder"><img src="../../../assets/images/indexImg/title_01.png"/></span>
              <router-link :to="{path:'/learningTask'}">学习任务</router-link>
            </MenuItem>
            <MenuItem name="2-2">
              <span class="welcomeImgOrder"><img src="../../../assets/images/indexImg/title_02.png"/></span>
              <router-link :to="{path:'/testTask'}">考核任务</router-link>
            </MenuItem>
            <MenuItem name="2-3">
              <span class="welcomeImgOrder"><img src="../../../assets/images/indexImg/title_03.png"/></span>
              <router-link :to="{path:'/selfTest'}">自我测试</router-link>
            </MenuItem>
            <MenuItem name="2-4">
              <span class="welcomeImgOrder"><img src="../../../assets/images/indexImg/title_04.png"/></span>
              <router-link :to="{path:'/courseLearning'}">课程学习</router-link>
            </MenuItem>
          </MenuGroup>
        </Submenu>

        <Submenu name="3">
          <template slot="title">
           <!-- <Icon type="stats-bars"></Icon>-->
            <span class="welcomeImg"><img src="../../../assets/images/indexImg/title_10.png"/></span>
            在线交流
          </template>
          <MenuGroup>
            <MenuItem name="3-1">
              <span class="welcomeImgOrder"><img src="../../../assets/images/indexImg/title_05.png"/></span>
              <router-link :to="{path:'/announcement'}">公告通知</router-link>
            </MenuItem>
            <MenuItem name="3-2">
              <span class="welcomeImgOrder"><img src="../../../assets/images/indexImg/title_06.png"/></span>
              <router-link :to="{path:'/poll'}">调查投票</router-link>
            </MenuItem>
            <MenuItem name="3-3">
              <span class="welcomeImgOrder"><img src="../../../assets/images/indexImg/title_07.png"/></span>
              <router-link :to="{path:'/onlineBBS'}">在线论坛</router-link>
            </MenuItem>
          </MenuGroup>
        </Submenu>
      </Menu>





</template>


<script>
  export default {
    data () {
      return {
        theme1: 'light'
      }
    },
    methods:{

    }
  }
</script>

<style >
  .ivu-menu-horizontal{
    height: 50px;
    line-height: 50px;
  }
  .welcomeImg img{
    display: inline-block;
    position: absolute;
    clear: both;
    top: 16px;
    left: 0;
  }

</style>
